<!doctype html>
<html class="no-js">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>下载次数</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
    <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/owl.theme.css">
    <link rel="stylesheet" href="css/owl.transitions.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/meanmenu.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/educate-custon-icon.css">
    <link rel="stylesheet" href="css/morrisjs/morris.css">
    <link rel="stylesheet" href="css/scrollbar/jquery.mCustomScrollbar.min.css">
    <link rel="stylesheet" href="css/metisMenu/metisMenu.min.css">
    <link rel="stylesheet" href="css/metisMenu/metisMenu-vertical.css">
    <link rel="stylesheet" href="css/calendar/fullcalendar.min.css">
    <link rel="stylesheet" href="css/calendar/fullcalendar.print.min.css">
    <link rel="stylesheet" href="css/form/all-type-forms.css">
    <link rel="stylesheet" href="css/data-table/bootstrap-table.css">
    <link rel="stylesheet" href="css/data-table/bootstrap-editable.css">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="css/responsive.css">
    <script src="js/vendor/modernizr-2.8.3.min.js"></script>

</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">你使用了<strong>旧版本的</strong> 浏览器. 请 <a href="http://browsehappy.com/">升级你的浏览器！</a></p>
<![endif]-->
<div class="left-sidebar-pro" id="load-page" v-html="loadPage"></div>
<!-- End Left menu area -->

<div class="all-content-wrapper">
    <!--登出-->
    <div class="header-advance-area " id="logOut" v-html="logOut"></div>

    <!--移动端-->
    <div class="mobile-menu-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="mobile-menu">
                        <nav id="dropdown">
                            <ul class="mobile-menu-nav">
                                <li><a data-toggle="collapse" data-target="#Charts" href="index.html">首页 <span class="admin-project-icon edu-icon edu-down-arrow"></span></a></li>
                                <li><a data-toggle="collapse" data-target="#Charts" href="JavaScript:void(0)">联系我们 <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
                                    <ul class="collapse dropdown-header-top">
                                        <li><a href="contactListMgt.html">联系人列表</a></li>
                                    </ul>
                                </li>
                                <li><a data-toggle="collapse" data-target="#demoevent" href="JavaScript:void(0)">文章目录 <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
                                    <ul id="demoevent" class="collapse dropdown-header-top">
                                        <li><a href="articleCatalogMgt.html">文章列表</a></li>
                                        <li><a href="commentListMgt.html">文章评价</a></li>
                                    </ul>
                                </li>
                                <li><a data-toggle="collapse" data-target="#demopro" href="JavaScript:void(0)">文件操作 <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
                                    <ul id="demopro" class="collapse dropdown-header-top">
                                        <li><a href="attachListMgt.html">文件列表</a></li>
                                    </ul>
                                </li>
                                <li><a data-toggle="collapse" data-target="#democrou" href="JavaScript:void(0)">框架 <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
                                    <ul id="democrou" class="collapse dropdown-header-top">
                                        <li><a href="uploadDownloadRecordListMgt.html">下载次数</a></li>
                                    </ul>
                                </li>
                                <li><a data-toggle="collapse" data-target="#demolibra" href="JavaScript:void(0)">网站基础 <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
                                    <ul id="demolibra" class="collapse dropdown-header-top">
                                        <li><a href="websiteBrowseNums.html">浏览次数</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 表格列表-->
    <div class="product-status mg-b-15" id="tableInfo">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 80px">
                    <div class="product-status-wrap">
                        <h3>{{udr}}</h3>
                        <div class="container-fluid" style="padding:20px">
                            <div class="row">
                                <div class="form-group-inner">
                                    <div class="row">
                                        <div class=" col-lg-2col-md-2 col-sm-2 col-xs-2">
                                            <select class="form-control" cname="resultType">
                                                <option value="">上传下载结果</option>
                                                <option :value="item.key" v-for="item in enums.resultTypeEnum">{{item.value}}</option>
                                            </select>
                                        </div>
                                        <div class=" col-lg-2 col-md-1 col-sm-1 col-xs-1">
                                            <select class="form-control" cname="fileType">
                                                <option value="">文件类型</option>
                                                <option :value="item.key" v-for="item in enums.fileTypeEnum">{{item.value}}</option>
                                            </select>
                                        </div>
                                        <div class=" col-lg-2 col-md-1 col-sm-1 col-xs-1">
                                            <select class="form-control" cname="downloadOrUpload" cflag="change">
                                                <option value="">上传下载类型</option>
                                                <option :value="item.key" v-for="item in enums.downloadOrUploadEnum">{{item.value}}</option>
                                            </select>
                                        </div>
                                        <div class=" col-lg-2 col-md-1 col-sm-1 col-xs-1">
                                            <select class="form-control" cname="personType">
                                                <option value="">用户类型</option>
                                                <option :value="item.key" v-for="item in enums.personTypeEnum">{{item.value}}</option>
                                            </select>
                                        </div>
                                        <div class="col-lg-offset-1 col-lg-3 col-md-1 col-sm-3 col-xs-3">
                                            <div class="input-group custom-go-button">
                                                <input type="text" class="form-control" cname="keyword">
                                                <span class="input-group-btn">
                                                    <button type="button" class="btn btn-primary" cflag="search">查询</button>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="asset-inner">
                            <table class="table">
                                <tr>
                                    <th>用户名称</th>
                                    <th>用户类型</th>
                                    <th>文件名称</th>
                                    <th>文件类型</th>
                                    <th>IP地址</th>
                                    <th>下载地址</th>
                                    <th>下载状态</th>
                                    <th>上传下载</th>
                                </tr>
                                <tr v-for="item in udrs.voList">
                                    <td>
                                        <template v-if="item.personType && item.personType.key == 'PERSON_TYPE_BACK'">
                                            {{item.userPhone}}
                                        </template>
                                        <template v-if="item.personType && item.personType.key == 'PERSON_TYPE_FRONT'">
                                            {{item.memberPhone}}
                                        </template>
                                        <template v-if="!item.personType || item.personType.key == 'PERSON_TYPE_UNKNOWN'">未知用户</template>
                                    </td>
                                    <td >{{item.personType?item.personType.value:'无'}}</td>
                                    <td >
                                        <template v-if="item.fileType.key == 'FILE_TYPE_IMG'">
                                            {{item.pictureName}}
                                        </template>
                                        <template v-else>
                                            {{item.attachName}}
                                        </template>
                                    </td>
                                    <td >{{item.fileType.value}}</td>
                                    <td >{{item.ip}}</td>
                                    <td>{{item.area}}</td>
                                    <td >{{item.resultType.value}}</td>
                                    <td >{{item.downloadOrUpload.value}}</td>
                                </tr>
                            </table>
                        </div>
                        <div class="custom-pagination ">
                            <ul class="pagination">
                                <li class="page-item">
                                    <a v-if="udrs.hasPre" class="page-link" href="javascript:void(0)" cflag="search" cval="{{udrs.pageNo-1}}">上一页</a>
                                    <a v-else class="page-link disabled " href="javascript:void(0)" onclick="Utils.noPre()">上一页</a>
                                </li>
                                <li v-for="index of udrs.totalPages" class="page-item">
                                    <a class="page-link" href="javascript:void(0)" :cval="index+1" cflag="search">{{index+1}}</a>
                                </li>
                                <li class="page-item">
                                    <a v-if="udrs.hasNext" class="page-link" href="javascript:void(0)" cflag="search" cval="{{udrs.pageNo+1}}">下一页</a>
                                    <a v-else class="page-link disabled" href="javascript:void(0)" onclick="Utils.noNext()">下一页</a>
                                </li>
                            </ul>
                            <div class="btn-group-sm" style="display: inline;">
                                <button type="button" style="width: 60px;vertical-align: center;padding: 7.5px;margin-top: -15px" class="btn btn-custon-four btn-white dropdown-toggle"
                                        data-toggle="dropdown"><i class="fa fa-angle-down"></i></button>
                                <ul class="dropdown-menu btn-dropdown-menu another-drop-pro-three" role="menu">
                                    <li><a href="javascript:void(0)" page="10" cflag="search">10</a></li>
                                    <li><a href="javascript:void(0)" page="50" cflag="search">50</a></li>
                                    <li><a href="javascript:void(0)" page="100" cflag="search">100</a></li>
                                </ul>
                            </div>
                            <div class="custom-pagination pull-right">
                                共有<span style="color: blue"> {{udrs.totalCount}} </span> 条数据 &nbsp;&nbsp;&nbsp;&nbsp;
                                当前第<span style="color: blue"> {{udrs.pageNo}} </span> 页&nbsp;&nbsp;&nbsp;&nbsp;
                                每页显示<span style="color: blue"> {{udrs.pageSize}} </span> 条数据
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>


<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery-price-slider.js"></script>
<script src="js/jquery.meanmenu.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/jquery.scrollUp.min.js"></script>
<script src="js/counterup/jquery.counterup.min.js"></script>
<script src="js/counterup/waypoints.min.js"></script>
<script src="js/counterup/counterup-active.js"></script>
<script src="js/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/scrollbar/mCustomScrollbar-active.js"></script>
<script src="js/metisMenu/metisMenu.min.js"></script>
<script src="js/metisMenu/metisMenu-active.js"></script>
<script src="https://cdn.bootcss.com/raphael/2.1.0/raphael-min.js"></script>
<script src="https://cdn.bootcss.com/morris.js/0.5.0/morris.js"></script>
<script src="js/morrisjs/morris-active.js"></script>
<script src="js/sparkline/jquery.sparkline.min.js"></script>
<script src="js/sparkline/jquery.charts-sparkline.js"></script>
<script src="js/sparkline/sparkline-active.js"></script>
<script src="js/calendar/moment.min.js"></script>
<script src="https://cdn.bootcss.com/fullcalendar/3.8.0/fullcalendar.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.js"></script>
<script src="js/data-table/data-table-active.js"></script>
<script src="js/data-table/bootstrap-table-editable.js"></script>
<script src="js/data-table/bootstrap-editable.js"></script>
<script src="js/data-table/bootstrap-table-resizable.js"></script>
<script src="js/data-table/colResizable-1.5.source.js"></script>
<script src="js/data-table/bootstrap-table-export.js"></script>
<script src="js/calendar/fullcalendar-active.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="js/layui/layui.js"></script>
<script src="js/layui/layui.all.js"></script>
<script src="js/vue.js"></script>
<script src="js/pagejs/constant.js"></script>
<script src="js/pagejs/utils.js"></script>
<script src="js/pagejs/uploadDownloadRecordListMgt.js"></script>


</body>
</html>